<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>评价详情</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/com_details.css"/>
		<link rel="stylesheet" type="text/css" href="css/sidebar.css"/>
	</head>
	<body>
		<div class="header">
		    <div class="top">
		    	<div class="content">
		    		<div class="service">
		    			<ul>
		    			    <li>
		    				    <span>客户服务</span>
		    				    <img src="img/sanjiaoxing.png"/>
		    			    </li>
		    			    <li>
		    			    	<span>关注杰朴森商城</span>
		    			    	<img src="img/sanjiaoxing.png"/>
		    			    </li>
		    		    </ul>
		    		</div>
		    		<div class="info">
		    			<ul>
		    				<li><a href="">登录</a></li>
		    				<li><a href="">注册</a></li>
		    				<li><a href="">我的订单</a></li>
		    				<li><a href="">今日进价</a></li>
		    				<li><a href="">我的购物车（3）</a></li>
		    			</ul>
		    		</div>
		    	</div>
		    </div>
		    <div class="center">
		    	<div class="logo">
		    		<a href="index.html"><img src="img/logo.png"/></a>
		    		<p><a href="index.html">杰朴森</a></p>
		    	</div>
		    	<div class="search">
		    		<div class="search-panel">
		    			<form action="">
		    			    <div class="sea">
		    				    <input type="search" name="" id="" value="" />
		    				    <div class="sea-hide">
		    				        <img src="img/fangdajing.png"/>
		    				         <p>搜索商品/店铺</p>	
		    				    </div>
		    			    </div>
		    			    <div class="sub">
		    				    <input type="submit" name="" id="" value="搜索" />
		    			    </div>
		    		    </form>
		    		</div>
		    		<ul>
		    			<li><a href="">TPE瑜伽垫</a></li>
		    			<li><a href="">橡胶瑜伽垫</a></li>
		    			<li><a href="">瑜伽服</a></li>
		    			<li><a href="">瑜伽毯</a></li>
		    			<li><a href="">健身球</a></li>
		    			<li><a href="">瑜伽球</a></li>
		    		</ul>
		    	</div>
		    </div>
		    <div class="nav">
		    	<div class="nav-con">
		    		<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	</div>
		    	
		    </div>
		</div>
		<div class="middle">
			<div class="detail">
				<div class="gallery">
					<div class="clear"><img src="img/com_details_03.jpg"/></div>
					<div class="thumb-content">
						<ul>
							<li><img src="img/com_details_03.jpg"/></li>
							<li><img src="img/com_details_07.jpg"/></li>
							<li><img src="img/com_details_09.jpg"/></li>
							<li><img src="img/com_details_11.jpg"/></li>
							<li><img src="img/com_details_13.jpg"/></li>
						</ul>
					</div>
					<div class="info">
						<span>商品编号：956023645</span>
						<a href="">
							<i><img src="img/comment_11.jpg"/></i>
							<span>收藏商品</span>
						</a>
					</div>
				</div>
				<div class="property">
					<h3>
						2018春夏新款瑜伽服套装女专业运动健身房晨跑步服宽松速干衣显瘦
					</h3>
					<div class="price-panel">
						<div class="promotion-price">
							<em>￥</em>
							<span>545</span>
						</div>
						<div class="discount">3.4折</div>
						<div class="ori-price">
							<em>￥</em>
							<span>1502</span>
						</div>
						<p><span>折扣</span>购物即享6折优惠</p>
					</div>
					<form action="">
						<dl class="distribution">
							<dt>配送</dt>
							<dd><select name="" >
									<option value="">请选择省市区</option>
									<option value="">北京</option>
									<option value="">上海</option>
									<option value="">杭州</option>
								</select>
							</dd>
						</dl>
						<dl class="freight">
							<dt>运费</dt>
							<dd><span>免运费</span>（订单满288免运费）</dd>
						</dl>
						<dl class="size">
							<dt>尺码</dt>
							<dd><ul>
									<li>S</li>
									<li>M</li>
								</ul>
							</dd>
						</dl>
						<dl class="color-type">
							<dt>颜色分类</dt>
							<dd>
								<ul>
									<li><img src="img/com_details_03.jpg"/></li>
									<li><img src="img/com_details_07.jpg"/></li>
									<li><img src="img/com_details_09.jpg"/></li>
									<li><img src="img/com_details_11.jpg"/></li>
									<li><img src="img/com_details_13.jpg"/></li>
								</ul>
							</dd>
						</dl>
						<dl class="num">
							<dt>数量</dt>
							<dd>
								<a class="reduce" href="">-</a>
								<input type="" name="" id="" value="1" />
								<a class="add" href="">+</a>
							</dd>
						</dl>
						<button type="button" class="btn">加入购物车</button>
						<button type="submit" class="sub">立即购买</button>
					</form>
					<div class="obtain">购买最多可获得444个金币</div>
					<div class="serve">
						<ul>
							<li>服务 承诺</li>
							<li>
								<a href="">正品保证</a>
							</li>
							<li>
								<a href="">极速退款</a>
							</li>
							<li>
								<a href="">赠运费险</a>
							</li>
							<li>
								<a href="">七天无理由退换</a>
							</li>
							<li>
								支付方式
								<img src="img/jiantou1_03.jpg"/>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="rate-main">
				<div class="tabBarBox">
					<ul>
						<li>商品详情</li>
						<li>累计评价（125）</li>
						<li>商品咨询</li>
						<li>关于我们</li>
					</ul>
				</div>
				<div class="rate-detail">
					<div class="rate-header">
						<div class="rate-score">
							<h4>与描述相符</h4>
							<strong>4.9</strong>
							<span><img src="img/comment_11.jpg"/></span>
						</div>
						<div class="rate-tag-box">
							<div class="rate-tag-label">
								<span>大家都写到</span>
							</div>
							<div class="rate-tag-list">
								<ul>
									<li><a href="">质量很好（920)</a></li>
									<li><a href="">尺码合适（176）</a></li>
									<li><a href="">实惠（450）</a></li>
									<li><a href="">态度不错（157）</a></li>
									<li><a href="">性价比高（83）</a></li>
									<li><a href="">快递速度快（136）</a></li>
									<li><a class="neg" href="">质量一般（320）</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="rate-toolbar">
						<span class="rate-filter">
							<input type="radio" name="" id="" value="" />
							<label>全部</label>
							<input type="radio" name="" id="" value="" />
							<label>追加（417）</label>
							<input type="radio" name="" id="" value="" />
							<label>图片（945）</label>
						</span>
						<span class="tm-toolbar-lft">
							<input type="checkbox" name="" id="" value="" />
							<label>有内容</label>
							<div class="rate-sort">
								<span class="tm-current">按默认
								<img src="img/jiantou1_03.jpg"/></span>
							</div> 	
						</span>
					</div>
					<div class="rate-grid">
						<ul>
							<li>
								<div class="user-info">
									<img src="img/com_details_20.jpg"/>
									<div class="username">
										<h5>马***瑶（匿名）</h5>
										<span>超级会员</span>
									</div>
								</div>
								<div class="rate-comment-np">
									<p>希望能帮助到我减肥成功！衣服颜色版型性价比都好的无可挑剔！很满意！</p>
									<span class="rate-date">02.26</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>橙色短袖四件套</p>
									
									<span class="size">尺码：L</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_23.jpg"/>
									<div class="username">
										<h6>橘***6（匿名）</h6>
									</div>
								</div>
								<div class="rate-comment-np">
									<p>衣服不错。就是自己买大了一点。懒得换了</p>
									<span class="rate-date">02.27</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>长袖鲜橙色
三件套</p>
									
									<span class="size">尺码：XL</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_25.jpg"/>
									<div class="username">
										<h5>墨***镜（匿名）</h5>
										<span>超级会员</span>
									</div>
								</div>
								<div class="rate-comment">
									<p>衣服质量还行 这个价位买的话算是性价比挺高的 平时练瑜伽的时候穿 希望可以多穿一点时间
</p>
									<img src="img/com_details_27.jpg"/>
									<span class="rate-date">01.30</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>橙色短袖+长
袖+长裤</p>
									
									<span class="size">尺码：XXL</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_31.jpg"/>
									<div class="username">
										<h5>w***2（匿名）</h5>
										<span>超级会员</span>
									</div>
								</div>
								<div class="rate-comment">
									<p>漂亮，实惠，以后健身就穿它了</p>
									<img src="img/com_details_33.jpg"/>
									<span class="rate-date">02.06</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>橙色短袖+长
袖+长裤</p>
									
									<span class="size">尺码：L</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_37.jpg"/>
									<div class="username">
										<h5>一***2（匿名）</h5>
										<span>超级会员</span>
									</div>
								</div>
								<div class="rate-comment">
									<p>轻薄，弹性大，用了优惠券实惠
</p>
									<img src="img/com_details_38.jpg"/>
									<span class="rate-date">02.26</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>长袖彩虹色三
件套</p>
									
									<span class="size">尺码：L</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_41.jpg"/>
									<div class="username">
										<h6>粉***5（匿名）</h6>
									</div>
								</div>
								<div class="rate-comment">
									<p>质量很好，穿在身上很舒服。我157/57，买了中码，刚刚好。下次介绍朋友来买。</p>
									<img src="img/com_details_43.jpg"/>
									<span class="rate-date">01.30</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>橙色短袖+长
袖+长裤</p>
									
									<span class="size">尺码：M</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_47.jpg"/>
									<div class="username">
										<h6>z***6（匿名）</h6>
									</div>
								</div>
								<div class="rate-comment-np">
									<p>大小合适，很好看</p>
									<span class="rate-date">02.12</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>黑灰短袖+长
袖+长裤</p>
									
									<span class="size">尺码：XL</span>
								</div>
							</li>
							<li>
								<div class="user-info">
									<img src="img/com_details_49.jpg"/>
									<div class="username">
										<h6>7***3（匿名）</h6>
									</div>
								</div>
								<div class="rate-comment-np">
									<p>好评，大小正好，颜色好看</p>
									<span class="rate-date">02.26</span>
								</div>
								<div class="col-meta">
									<p class="col"><span>颜色分类：</span>橙色短袖
四件套</p>
									
									<span class="size">尺码：L</span>
								</div>
							</li>
						</ul>
					</div>
					<div class="rate-page">
						<ul>
							<li><a class="prev" href="">上一页</a></li>
							<li><a class="current" href="">1</a></li>
							<li><a href="">2</a></li>
							<li><a href="">3</a></li>
							<li><a href="">......</a></li>
							<li><a href="">下一页</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="jps-ensure">
				<ul>
					<li>
						<a class="ensure-tit" href="">优</a>
						<h2><a href="">品质保障</a></h2>
						<p><a href="">品质护航 购物无忧</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">五</a>
						<h2><a href="">五天无理由退换货</a></h2>
						<p><a href="">为你提供售后无忧保障</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">特</a>
						<h2><a href="">特色服务体验</a></h2>
						<p><a href="">为你呈现不一样的服务</a></p>
					</li>
<li>
						<a class="ensure-tit" href="">帮</a>
						<h2><a href="">帮助中心</a></h2>
						<p><a href="">你的购物方向</a></p>
					</li>
				</ul>
			</div>
			<div class="jps-help">
				<div class="jps-public">
					<a href=""><img src="img/index_106.jpg"/></a>
					<p>杰朴森公众号</p>
				</div>
				<dl>
					<dt>商家服务</dt>
					<dd><a href="">杰朴森规则</a></dd>
					<dd><a href="">商家入驻</a></dd>
					<dd><a href="">商家中心</a></dd>
					<dd><a href="">物流服务</a></dd>
					<dd><a href="">运营服务</a></dd>
				</dl>
				<dl>
					<dt>支付方式</dt>
					<dd><a href="">快捷支付</a></dd>
					<dd><a href="">信用卡</a></dd>
					<dd><a href="">蚂蚁借呗</a></dd>
					<dd><a href="">余额宝</a></dd>
					<dd><a href="">货到付款</a></dd>
				</dl>
				<dl>
					<dt>天猫保障</dt>
					<dd><a href="">发票保障</a></dd>
					<dd><a href="">售后规则</a></dd>
					<dd><a href="">缺货赔付</a></dd>
				</dl>
				
				<dl>
					<dt>购物指南</dt>
					<dd><a href="">免费支付</a></dd>
					<dd><a href="">开通支付宝</a></dd>
					<dd><a href="">支付宝支付</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div class="content">
					<div class="logo"></div>
					<ul>
			    		<li><a href="">首页</a></li>
			    		<li><a href="">瑜伽垫专区</a></li>
			    		<li><a href="">瑜伽球专区</a></li>
			    		<li><a href="">瑜伽辅具&健生器材</a></li>
			    		<li><a href="">瑜伽健身服</a></li>
			    		<li><a href="">PU橡胶垫</a></li>
			    		<li><a href="">印花橡胶垫</a></li>
		    	    </ul>
		    	    <p>2016 POWERED BY XUNGOU.COM. ALL RIGHTS RESERVED  闽ICP备17001625号-3</p>
				</div>
			</div>
		</div>
	</body>
</html>

